﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href ="Styles/mystyle.css" />
	<link href="Styles/front.css" media="screen, projection" rel="stylesheet" type="text/css" />
	<link type='text/css' href='Styles/Signup.css' rel='stylesheet' media='screen' />

<!-- Start WOWSlider.com HEAD section -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

</head>
<body>
	<div id="container">
		<div id="header">
			<div id="chaychu">
				<marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" scrollamount="3">
				 Welcome to AAairplane. Now, book a ticket and fly with us
				</marquee> 
			</div>
			<input id="search" type="text" value="Search this site..."/>
			<a href=""><img src="images/search_icon.png" alt="search" id="search_icon"/></a>
			<div id="banner">
				<!-- Start WOWSlider.com BODY section id=wowslider-container1 -->
				<div id="wowslider-container1">
					<div class="ws_images">
						<ul>
							<li><img src="data1/images/bigben.jpg" alt="big-ben" title="big-ben" id="wows1_0"/></li>
							<li><img src="data1/images/chobenthanhlarge.jpg" alt="cho-ben-thanh-large" title="cho-ben-thanh-large" id="wows1_1"/></li>
							<li><img src="data1/images/christ_redeemer.jpg" alt="christ redeemer" title="christ redeemer" id="wows1_2"/></li>
							<li><img src="data1/images/coliseum.jpg" alt="Coliseum" title="Coliseum" id="wows1_3"/></li>
							<li><img src="data1/images/fuji.jpg" alt="Fuji" title="Fuji" id="wows1_4"/></li>
							<li><img src="data1/images/italytravel.jpg" alt="italy-travel" title="italy-travel" id="wows1_5"/></li>
							<li><img src="data1/images/paris_night1.jpg" alt="paris_night1" title="paris_night1" id="wows1_6"/></li>
							<li><img src="data1/images/statue_of_liberty.jpg" alt="Statue of Liberty" title="Statue of Liberty" id="wows1_7"/></li>
							<li><img src="data1/images/taj_mahal.jpg" alt="Taj Mahal" title="Taj Mahal" id="wows1_8"/></li>
						</ul>
					</div>
				</div>
				<script type="text/javascript" src="engine1/wowslider.js"></script>
				<script type="text/javascript" src="engine1/script.js"></script>
				<!-- End WOWSlider.com BODY section -->
			</div><!--End banner-->
			<!--
			<div id="small_nav">
				<ul>
					<li><a href="#">Login</a></li><span>   /</span>
					<li><a href="#">Sign up</a></li>
				</ul>
			</div>-->
			<div id="topnav" class="topnav"><a href='#' class='basic'>Sign Up</a><a href="login" class="signin"><span>Log in</span></a> </div>
				<fieldset id="signin_menu">
					<form method="post" id="signin" action="">
						<p>
							<label for="username">Username or email</label>
							<input id="username" name="username" value="" title="username" tabindex="4" type="text" />
						</p>
						<p>
							<label for="password">Password</label>
							<input id="password" name="password" value="" title="password" tabindex="5" type="password" />
						</p>
						<p class="remember">
							<input id="signin_submit" value="Sign in" tabindex="6" type="submit" />
							<input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox"/>
							<label for="remember">Remember me</label>
						</p>
						<p class="forgot"> <a href="#" id="resend_password_link">Forgot your password?</a> </p>
						<p class="forgot-username"> <a id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Forgot your username?</a> </p>
					</form>
				  </fieldset>
			<div id="signup">
				<h3>Sign UP form</h3>
				<p>Firstname :<input type="text" /></p>
				<p>Lastname :<input type="text" /></p>
				<p>Email :<input type="text" /></p>
				<p>Email confirm :	 <input type="text" /></p>
				<p>Username :        <input type="text" /></p>
				<p>Password :        <input type="text" /></p>
				<p>Password confirm: <input type="text" /></p>
				<p>Gender:<select id="gender"><option>male</option><option>male</option></select></p>
				<p>Birthday:<select><option>male</option><option>male</option></select><select><option>male</option><option>male</option></select><select><option>male</option><option>male</option></select> </p>
				<p><input id="regist" type="submit" value="Submit" /></p>
			</div>

		<!-- preload the images -->
			<div style='display:none'>
				<img src='images/x.png' alt='' />
			</div>
			<img id="logo" src="images/logo.png" alt="logo" />
		</div><!--End #header-->
		<div id="footer">
			<img src="images/logo_footer.png" alt="logo" />
            <div id="copyright">
                <p>&copy;AA airplain</p>
			    <p>Copyright 2012 E-Commerce. All rights reserved.</p>
                <p>Giấy phép số 1302/GP-TTĐT, cấp ngày 30/11/2012.</p>
                <p>® Ghi rõ nguồn "AAwebsite" khi bạn phát hành lại thông tin từ website của chúng tôi. </p>
            </div>
		</div><!--End #footer-->
	</div><!--End #container-->
	<script src="javascripts/jquery.js" type="text/javascript"></script>
	<script type='text/javascript' src='Scripts/jquery.js'></script>
	<script type='text/javascript' src='Scripts/jquery.simplemodal.js'></script>
	<script type='text/javascript' src='Scripts/basic.js'></script>
	<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
	</script>
	<script src="javascripts/jquery.tipsy.js" type="text/javascript"></script>
	<script type='text/javascript'>
		$(function() {
		  $('#forgot_username_link').tipsy({gravity: 'w'});   
		});
	  </script>
</body>
</html>